import { useState, useEffect } from 'react'
import DarkBtn from '../../../../../../common/DarkBtn';
import { PlayCircleFilled } from '@ant-design/icons';
import VideoMonitor from './VideoMonitor';
export default function Monitor(props) {
    const [visible, setVisible] = useState();
    return <>
        <DarkBtn icon={<PlayCircleFilled />} title={"视频监测"} onClick={e => {
            setVisible(true)
        }}></DarkBtn>
        {visible && <VideoMonitor visible={visible} onClose={e => {
            setVisible(false);
        }} />}
    </>;
}